.searchWraper {

    width: 1300px;
    height: 120px;

    margin: 0 auto;
    /* background-color: saddlebrown; */
    display: flex;



    /* 全部分类 */
    .cateAll {
        width: 260px;
        /* background-color: beige; */
        background-image: url('../imgs/logo.png');
        background-repeat: no-repeat;
        background-size: 70px 70px;
        background-position: 10px center;
        display: flex;
        justify-content: flex-end;
        align-items: center;

        .title {
            font-size: 16px !important;
            font-weight: 500;
        }
    }

    /* 分类列表 */

    .cates {
        flex: 1;
        /* background-color: rgb(163, 163, 59);  */
        height: 100%;

        ul {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            height: 100%;

            li {
                /* width: 100px; */
                /* height: 100px; */
                line-height: 100px;

                a {
                    height: 100%;
                    font-size: 16px;
                }

                a:link {
                    color: #454545;
                }

                /* 点击完成之后 */
                a:visited {
                    color: #454545;
                }

                /* 悬停 */
                a:hover {
                    color: #FF7331;
                }

                /* 点击未释放 */
                a:active {
                    color: #454545;
                }


            }
        }

    }

    /* 搜索框 */
    .searchInput {
        width: 320px;
        /* background-color: beige; */
        display: flex;
        align-items: center;

        --bdColor: rgb(212, 145, 44);

        input {
            outline: none;
            border-radius: 0;
            width: 200px;
            height: 50px;
            border: solid 0.5px gray;
            padding-left: 5px;
            font-size: 18px;

        }

        input:focus {
            border: solid 1px var(--bdColor);
        }

        input:focus+div {
            border: solid 1px var(--bdColor);
        }

        .icon {
            width: 50px;
            height: 50px;
            border: solid 0.5px gray;
            text-align: center;
            line-height: 50px;
            font-size: 2em;
            font-weight: 400;
            cursor: pointer;
        }

        .icon:hover {
            background-color: var(--bdColor);
            color: #ffffff;
            font-weight: 700;
        }

    }

}